* {
    margin: 0;
    padding: 0;
    list-style: none;
}

html,
body,
#app,
.container {
    width: 100%;
    height: 100%;
}

.container {
    display: flex;
    flex-direction: column;
    /* 垂直方向 */
    background: #efefef;

    .box {
        /* 铺满整个屏幕 */
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: auto;

        .header {
            height: 50px;
        }

        .content {
            flex: 1;
            overflow: auto;
        }
    }

    .footer {
        height: 50px;
        background: rgb(182, 180, 180);

        // ul {
        //     width: 100%;
        //     height: 100%;
        //     display: flex;
        //     justify-content: center;
        //     align-items: center;

        //     a {
        //         flex: 1;
        //         text-align: center;
        //         text-decoration: none; // 去掉下划线
        //         color: black;

        //         &.router-link-active {
        //             color: red;
        //         }

        //         span {
        //             font-size: 20px
        //         }
        //     }
        // }

        .van-tabbar-item--active {
            color: red;
        }
    }
}